<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/ext/examples/ux/css/Portal.css"/>
    <script type="text/javascript" src="/ext/examples/ux/Portal.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/PortalColumn.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/Portlet.js"></script>

    <script type="text/javascript">
        Ext.onReady(function() {
            var tools = [
                /*{
                 id:'gear',
                 handler: function() {
                 Ext.Msg.alert('Message', 'The Settings tool was clicked.');
                 }
                 },*/
                {
                    id:'close',
                    handler: function(e, target, panel) {
                        panel.ownerCt.remove(panel, true);
                    }
                }
            ];

            new Ext.Panel({
                renderTo:Ext.getBody(),
                border:false,
                items:[
                    {
                        xtype:'portal',
                        region:'center',
                        margins:'35 5 5 0',
                        border:false,
                        items:[
                            {
                                columnWidth:.33,
                                style:'padding:10px 0 10px 10px',
                                items:[
                                    {
                                        title: '新闻',
                                        height:600,
                                        layout:'fit',
                                        tools: tools
                                    }
                                ]
                            },
                            {
                                columnWidth:.33,
                                style:'padding:10px 0 10px 10px',
                                items:[
                                    {
                                        title: '图表1',
                                        height:295,
                                        tools: tools,
                                        html: '中111'
                                    },
                                    {
                                        title: '图表2',
                                        height:295,
                                        tools: tools,
                                        html: ''
                                    }
                                ]
                            },
                            {
                                columnWidth:.33,
                                style:'padding:10px 0 10px 10px',
                                items:[
                                    {
                                        title: '图表3',
                                        height:295,
                                        tools: tools,
                                        html: ''
                                    },
                                    {
                                        title: '图表4',
                                        height:295,
                                        tools: tools,
                                        html: ''
                                    }
                                ]
                            }
                        ]

                    }
                ]
            });
        });
    </script>
</head>
<body>
中文中文
</body>
</html>